<%@page pageEncoding="UTF-8"%>
<%@ include file="../WEB-INF/jspf/cabecalho.jspf" %>
<%@ include file="../WEB-INF/jspf/acesso.jspf" %>
<%@ include file="../WEB-INF/jspf/setMeta.jspf" %>
<%@ include file="../WEB-INF/jspf/varGlobal.jspf" %>

<sql:query var='rsetCliente' dataSource='${con}'>
    
    SELECT * FROM Cliente 
    ORDER BY `sigla` ASC
    
</sql:query> 

<sql:query var='rsetMunicipio' dataSource='${con}'>
    
    SELECT * FROM Municipio
    ORDER BY `municipio` ASC 
    
</sql:query> 

<sql:query var='rsetAssunto' dataSource='${con}'>
    
    SELECT * FROM Assunto
    ORDER BY `produto` ASC 
    
</sql:query> 

<sql:query var='rsetProdutosServicos' dataSource='${con}'>
    
    SELECT * FROM Produtos_Servicos
    
</sql:query> 

<form name="form1" method="post" action="../controller/incluirSolicitacao.jsp">
  <fieldset>
  <legend><font color="#0000FF"><strong>Nova Solicita&ccedil;&atilde;o de Atendimento</strong></font></legend>
  <p>&nbsp;</p>
  <table  align="center" width="80%" border="0">
    <tr bgcolor="#00CCFF"> 
      <td colspan="6"> <div align="center"><strong>Solicitante</strong></div></td>
    </tr>
    <tr> 
      <td colspan="6">&nbsp;</td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td width="10%"><strong>Data:</strong></td>
      <td width="10%"><input name="dataAbertura" type="text" value="" size="10" readonly="" /></td>
      <td colspan="2"> <input name="horaAbertura" type="text" value="" size="10" readonly="" /></td>
      <td width="18%"><strong>Solicita&ccedil;&atilde;o n&deg;.:</strong></td>
      <td width="18%"><input name="idSolicitacao" type="text" value="" size="10" readonly="" /></td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
    <td><strong>Cliente:</strong></td>
    <td colspan="3"><select name="cliente">
    <c:forEach var="row" items="${rsetCliente.rowsByIndex}">        
        <option>${row[2]}</option>
    </c:forEach>
    <option selected="selected">CEPROMAT</option>
    </select>
    <td><strong>Cidade:</strong></td>
        <td><select name="municipio">
            <c:forEach var="row" items="${rsetMunicipio.rowsByIndex}">        
                <option>${row[1]}</option>
            </c:forEach>
            <option selected="selected">Cuiabá</option>
        </select>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td><strong>Solicitante:</strong></td>
      <td colspan="3"><input name="solicitante" type="text" size="50" value="" /></td>
      <td><strong>Email:</strong></td>
      <td><input name="email" type="text" size="25" /></td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td><strong>Setor/Dep:</strong></td>
      <td colspan="3"><input name="setor" type="text" size="30" /></td>
      <td><strong>Telefone:</strong></td>
      <td><input name="telefone" type="text" size="25" /></td>
    </tr>
    <tr> 
      <td colspan="6">&nbsp;</td>
    </tr>
    <tr bgcolor="#00CCFF"> 
      <td colspan="6"> <div align="center"><strong>Solicita&ccedil;&atilde;o</strong></div></td>
    </tr>
    <tr> 
      <td colspan="6">&nbsp;</td>
    </tr>
    <input name="assuntoText" type="hidden" />
    <tr bgcolor="#CCCCCC"> 
      <td height="26"><strong>Assunto</strong>:</td>
      <td colspan="4"><select name="assunto" id="assunto" onchange="troca_atividade()" >
          <option value="0" selected>Selecione...</option>
          <c:forEach var="row" items="${rsetAssunto.rowsByIndex}">        
                <option value="${row[0]}">${row[1]}</option>
          </c:forEach>
          <option></option>
        </select>
    </td>     
      <td align="center"><input disabled name="scritp" type="button" value="  Script  " 
      onclick="verScript();" /></td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td><strong>Solicita&ccedil;&atilde;o:</strong></td>
      <td colspan="5"><select name="solicitacao" id="solicitacao" onchange="trocaUg()">
        <option value="-">-</option>
        </select>
    </td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td><strong>Descri&ccedil;&atilde;o:</strong></td>
      <td colspan="5"><textarea name="descricao" cols="110" rows="5" ></textarea></td>
    </tr>
    <tr bgcolor="#FFFFFF"> 
      <td colspan="6">&nbsp;</td>
    </tr>
    <tr bgcolor="#00CCFF"> 
      <td colspan="6"><div align="center"><strong>Atendimento</strong></div></td>
    </tr>
    <tr bgcolor="#FFFFFF"> 
      <td colspan="6">&nbsp;</td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td><strong>Equipe(UG):</strong></td>
      <td colspan="5"><input name="equipe" type="text" size="20" readonly=""/></td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td><strong>T&eacute;cnico:</strong></td>
      <td colspan="5"><input name="tecnico" type="text" size="50" readonly="" /></td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td><div align="left"><strong> Status:</strong></div></td>
      <td colspan="2"><input name="status" type="text" size="20" readonly="" /></td>
     <td><div align="left"><strong> Executado:</strong></div></td>
      <td colspan="4"><input name="percentual" type="text" size="20" readonly="" /> 
        <strong>%</strong> </td>
    </tr>
    <tr bgcolor="#FFFFFF"> 
      <td colspan="6">&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF"> 
      <td colspan="6" bgcolor="#00CCFF"><div align="center"><strong>Qualidade 
          do Atendimento</strong></div></td>
    </tr>
    <tr bgcolor="#FFFFFF"> 
      <td colspan="6">&nbsp;</td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td colspan="2"><strong>Data da Finaliza&ccedil;&atilde;o:</strong></td>
      <td colspan="4"><input name="dataFinalizacao" type="text" value="" size="10" readonly="" />
        <input name="horaFinalizacao" type="text" value="" size="10" readonly="" /> 
      </td>
    </tr>
    <tr bgcolor="#CCCCCC"> 
      <td colspan="3"><strong>Atendente respons&aacute;vel pelo registro inicial:</strong></td>
      <td colspan="3"><input name="atendenteInicial" type="text" value="<c:out value="${rsetReg.rowsByIndex[0][1]}"/>" size="50" readonly=""/></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td colspan="3"><strong>T&eacute;cnico respons&aacute;vel por finalizar 
        a solicita&ccedil;&atilde;o:</strong></td>
      <td colspan="3"><input name="tecnicoFinalizacao" type="text" size="50" readonly="" /></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td colspan="3"><strong>Atendente respons&aacute;vel por arquivar a solicita&ccedil;&atilde;o:</strong></td>
      <td colspan="3"><input name="atendenteArquivamento" type="text" size="50" readonly="" /></td>
    </tr>
    <tr bgcolor="#CCCCCC">
      <td colspan="3"><strong>Tempo utilizado para o atendimento:</strong></td>
      <td colspan="3"><input name="tempoAtendimento" type="text" value="" size="10" readonly="" /></td>
    </tr>
    <tr bgcolor="#FFFFFF"> 
      <td colspan="6">&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF"> 
      <td colspan="2" bgcolor="#CCCCCC"><strong>Observa&ccedil;&otilde;es:</strong></td>
      <td colspan="4" bgcolor="#CCCCCC"> <textarea name="observacoes" cols="100" rows="2"></textarea> 
      </td>
    </tr>
    <tr bgcolor="#FFFFFF"> 
      <td colspan="6">&nbsp;</td>
    </tr>    
      <tr> 
        <td height="25"> <div align="right"> </div></td>
        <td><div align="center"> 
            <input type="button" name="cancelar" value="Cancelar" onclick="javascript:history.go(-1);"  />
          </div></td>
        <td> <div align="center"> 
            <input type="reset" name="limpar" value="Limpar" onclick=""/>
          </div></td>
        <td> <div align="center"> 
            <input type="submit" name="enviar" value="Enviar" onclick="javascript:verifica();"/>
          </div></td>
      </tr>
    </table>
  </div>
  
  <script language="javascript">
      
<c:forEach var="row" items="${rsetAssunto.rowsByIndex}">  
    <sql:query var='rsetProdutosServicos_1' dataSource='${con}'>
    
    SELECT * FROM Produtos_Servicos
    WHERE idAssunto LIKE ${row[0]}
    
     </sql:query> 
    var solicitacoes_${row[0]}=new Array("-",<c:forEach var="row" items="${rsetProdutosServicos_1.rowsByIndex}">"${row[3]}",</c:forEach>"")
</c:forEach> 

//Função que troca as atividades selecionadas em função do produto escolhido.

function troca_atividade(){

	//pego o valor do assunto escolhido
	var assunto
	assunto = document.form1.assunto[document.form1.assunto.selectedIndex].value

	//verifico se o assunto escolhido foi definido
	if (assunto != 0) {

		//Se foi definido, então coloco as opções da atividade correspondente.
		//Seleciono a array com a atividade adequada.

		solicitacoes=eval("solicitacoes_" + assunto)

		//Calculo o número de atividades
		num_solicitacoes = solicitacoes.length

		//Marco o numero da atividade no select
		document.form1.solicitacao.length = num_solicitacoes

		//Para cada atividade da array, introduzo um select
		for(i=0;i<num_solicitacoes;i++){
		   document.form1.solicitacao.options[i].value=solicitacoes[i]
		   document.form1.solicitacao.options[i].text=solicitacoes[i]

		}	
	}else{

		//se não havia atividade selecionada, limpo as atividades do select
		document.form1.solicitacao.length = 1

		//Seleciono a opção 0 "a que tem descrição Selecione..."
		document.form1.solicitacao.options[0].value = "-"
	    document.form1.solicitacao.options[0].text = "-"
	}

	//Seleciono a primeira opção de atividade
	document.form1.solicitacao.options[0].selected = true
}


   function trocaUg(){
   
   
   <sql:query var='rsetEquipe_1' dataSource='${con}'>
    
        SELECT Produtos_Servicos.atividade, Produtos_Servicos.unidade FROM Produtos_Servicos 
    
   </sql:query> 
   
   <c:forEach var="row" items="${rsetEquipe_1.rowsByIndex}">
        
       if ( document.form1.solicitacao.value == "${row[0]}" ){
       
        var equipe = "${row[1]}";
        
        }
        
   </c:forEach> 
    
     document.form1.equipe.value=equipe
     document.form1.scritp.disabled = false;

  }   
  
   function verScript(){
  
   <sql:query var='rsetSolicitacao' dataSource='${con}'>
    
        SELECT Produtos_Servicos.atividade FROM Produtos_Servicos 
    
   </sql:query>
   
   <c:forEach var="row" items="${rsetSolicitacao.rowsByIndex}">
        
       if ( document.form1.solicitacao.options[document.form1.solicitacao.selectedIndex].text == "${row[0]}" ){
       window.open('visualizarScript.jsp?chv1=${row[0]}','teste','height=500,width=600,scrollbars=yes,status=yes,left = 300,top=100')
     }
        
   </c:forEach> 
  
  }
  
   
  function verifica(){
  
  // Atenção(Por wldutra): implementar aqui a verificação dos campos para validar
  
  document.form1.assuntoText.value = document.form1.assunto.options[document.form1.assunto.selectedIndex].text;
  
  document.form1.submit();
  
  }
  

  </script>
  
  <p>&nbsp;</p>
  </fieldset>
</form>


</body>
</html>
